{include file="common/head"/}
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  .title{background:#EBEBEB; height:5rem;border-radius:10px;padding:10px;color:white;line-height:2rem;}
  .title p{font-size:0.8rem;}
  .title p:nth-child(1){color:#E34540}
  .title p:nth-child(1) span{font-size:1.2rem;font-weight:bold;}
 
  .t_content{background:#4871FC;border-radius:5px;height:4rem;padding:10px;box-sizing:border-box;}
  .team p{color:white;}
  h2{font-weight:bold;margin:10px 0;}
  .accu{line-height:1.5rem;}
  .accu div p:nth-child(2){color:black;}
  .accu img{height:30px;}
  
  .accu div div{box-shadow: 0px 2px 12px #dedede;
    border-radius: 5px;
    margin: 6px;
    padding: 5px 10px;}
</style>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded'>
  <h1>My Team</h1>
  <div class='aui-row-padded title'>
      <div class='aui-row'>
	     <p>CURRENT RANK : <span>F{$user.level}</span></p>
	     <p>INVITATION CODE: {$user.invint_id|strtoupper}</p>
	  </div>
  </div>
  
 <div class='aui-row aui-row-padded team' style='margin-top:10px;'>
     <div class='aui-col-xs-6'>
	     <div class='t_content'>
		    <a href='{:url("fos/distribution")}'><div class='aui-row'>
			   <div class='aui-col-xs-11'>
			      <img src='__HOME__/images/t1.jpg' height=30 />
			   </div>
			   <div class='aui-col-xs-1'>
			      <img src='__HOME__/images/t3.jpg' height=30 />
			   </div>
			</div>
		    <p>TEAM收益</p>
			</a>
		 </div>
	 </div>
     <div class='aui-col-xs-6'>
	     <div class='t_content'>
		    <a href='{:url("fos/code")}'><div class='aui-row'>
			   <div class='aui-col-xs-11'>
			      <img src='__HOME__/images/t2.jpg' height=30 />
			   </div>
			   <div class='aui-col-xs-1'>
			      <img src='__HOME__/images/t3.jpg' height=30 />
			   </div>
			</div>
		 
		    <p>推广二维码</p></a>
		 </div>
	 </div>
 </div>
 
 <div class='aui-row aui-row-padded team'>
     <div class='aui-col-xs-6'>
	    <div class='t_content'>
		  <a href='{:url("fos/team")}'>
		    <div class='aui-row'>
			   <div class='aui-col-xs-11'>
			      <img src='__HOME__/images/t1.jpg' height=30 />
			   </div>
			   <div class='aui-col-xs-1'>
			      <img src='__HOME__/images/t3.jpg' height=30 />
			   </div>
			</div>
		    <p>MY TEAM</p>
		  </a>
	    </div>
	 </div>
     <div class='aui-col-xs-6'>
	     <div class='t_content'>
		     <div class='aui-row'>
			   <a href='{:url("fos/challenge")}'><div class='aui-col-xs-11'>
			      <img src='__HOME__/images/t2.jpg' height=30 />
			   </div>
			   <div class='aui-col-xs-1'>
			      <img src='__HOME__/images/t3.jpg' height=30 />
			   </div>
			</div>
		     <p>发起挑战</p></a>
		 </div>
	 </div>
 </div>
 
 <h2>ACCUMULATIVE</h2>
 <div class='aui-row aui-row-padded accu'>
     <div class='aui-col-xs-4'>
	     <div><p><img src='__HOME__/images/t4.jpg' /></p>
	     <p>总计收益</p>
	     <p>{$user.coin|intval}/FOS</p></div>
	 </div>
     <div class='aui-col-xs-4'>
	     <div><p><img src='__HOME__/images/t5.jpg' /></p>
	     <p>TEAM</p>
	     <p>{$t_count}</p></div>
	 </div>
     <div class='aui-col-xs-4'>
	     <div><p><img src='__HOME__/images/t6.jpg' /></p>
	     <p>创造力</p>
	     <p>0</p></div>
	 </div>
 </div> 
</div>
{include file="common/footer"/}
<script type="text/javascript">
    var tab = new auiTab({
        element:document.getElementById("tab"),
        index:1,
        repeatClick:false
    },function(ret){
        console.log(ret);
    });
</script>
</body>
</html>